教你使用赏心悦目的Atom编辑器

在代码编辑器、文本编辑器领域,有着不少的「神器」级的产品,如历史悠久的 VIM、Emacs 以及如今当红的 SublimeText。另外还有 VS Code、EditPlus、NotePad++、UltraEdit 等一大堆流行的利器,可谓百家争鸣。

然而,作为目前全球范围内影响力最大的代码仓库/开源社区,GitHub 的程序员们并不满足于此。他们使用目前最先进流行的技术重新打造了一款称为“属于21世纪”的代码编辑器——Atom, 它开源免费跨平台,并且整合 GIT 并提供类似 SublimeText 的包管理功能,支持插件扩展,可配置性非常高……

下载和安装

https://atom.io/

命令面板

当你按下 cmd-shift-P 并且当前焦点在一个窗格上的时候,命令面板就会弹出来。

在这个教程中我们会用类似 cmd-shift-P 的形式来运行命令,这是 Atom 在 Mac 上的默认快捷键,如果你在其他的平台上使用 Atom, 可能会稍有不同。如果某个快捷键无法工作,你可以通过命令面板来查找正确的快捷键。

在 Atom 中几乎所有的操作都通过这种搜索驱动的菜单来完成,你只需要按下 cmd-shift-P 来搜索命令,而不必在复杂的传统菜单栏间点来点去。

偏好设置

Atom 有很多选项和偏好设置,你可以在设置界面修改它们。

左侧目录树的修改

settings 中选择 open config folder,然后修改 style.less 文件,比如:

.tree-view {
    font-size: 16px;
}

插件

tool-bar & tool-bar-main

这两个小插件可以让你的编辑器上方出现一行快捷操作小按钮,绝对是贴心服务。还可以设置大小和位置,如果不想出现在上方,出现在左侧下侧都可以,随你定制。

file-icons

丰富文件的 icon 前缀,绝对是赏心悦目的感受。

markdown-preview

可以在 Atom 编辑器中直接预览 markdown 文件。

autocomplete-paths

自动提示路径和文件名,很方便使用

docblockr

可以产出标准化的代码注释格式,效果:

/**
 * [main description]
 * @return {[type]} [description]
 */

emmet

支持 zen coding 的方式进行快捷代码书写,相信我,这绝对是个编码的享受。

minimap

让编辑器右侧出现 minimap,方便快速查看内容,小巧性感。

platformio-ide-terminal

知道这个是干什么的么,有了这个插件,你可以直接在 Atom 中非常方便的呼出 terminal 终端,不用来回切换,在 Atom 中编码调试,一站式搞定,一个字:就是爽的飞起。

results matching ""

    No results matching ""